@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Varela+Round);

/* Configurações gerais */

body{
    background-color: #fff;
}

/* Configurações do header */

header{
    height: 150px;
}

nav#site{
    width: 1024px;
    height: 39px;
    margin: -15px auto 0px auto;
    display: block;
}

nave#site ul{
    margin-top: 20px;
    margin-left: 20px;
    list-style: none;
    height: 30px;
    padding: 0px;
}

nav#site ul li{
    display: inline-block;
    font-family: 'Varela Round', sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 8px;
}

nav#site ul li a{
    text-decoration: none;
    color: #aDaDaD;
}

div#banner{
    width: 1024px;
    height: 150px;
    margin: 0px auto 0px auto;
    border-radius: 2px;
    border-bottom: 1px solid #FF9418;
    border-top: 1px solid #FF9418;
}

div p{
    font-family: 'Varela Round', sans-serif;
    font-size: 11px;
    color: #aDaDaD;
    margin-top: -45px;
    margin-left: 720px;
    margin-right: 20px;
    float: right;
}

div p a{
    font-family: 'Varela Round', sans-serif;
    font-size: 11px;
    color: #FF9418;
    text-decoration: none;
}

img#logo{
    float: left;
    margin-top: 20px;
    margin-left: 20px;
}

input#pesquisa-no-site{
    float: right;
    margin-top: -25px;
    margin-right: 20px;
    padding: 8px;
    width: 300px;
    height: 20px;
    border: none;
    border-radius: 2px;
    box-shadow: inset 0px 0px 3px #1577D1;    
    font-family: 'Varela Round', sans-serif;
    font-size: 14px;
    color: #aDaDaD;
    text-align: right;
}

nav#menu{
    width: 1024px;
    height: 39px;
    margin: -15px auto 0px auto;    
    background-color: #1577D1;
    display: block;
    padding: 0px;
    border-radius: 2px;
}

nav#menu ul{
    margin-top: 20px;
    margin-left: 20px;
    list-style: none;
    height: 40px;
    padding: 0px; 
    
}

nav#menu ul li{
    display: inline-block;
    font-family: 'Varela Round', sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 8px;
    margin-top: 1px;
}

nav#menu ul li a{
    text-decoration: none;
    color: #fff;
}

nav#menu ul li#home:hover{
    background-color: #1417D1;
    transition: background-color .5s;
    border-radius: 2px;
}

nav#menu ul li#policial:hover{
    background-color: #F0182F;
    transition: background-color .5s;
    border-radius: 2px;
}

nav#menu ul li#politica:hover{
    background-color: #FFC219;
    transition: background-color .5s;
    border-radius: 2px;
}

nav#menu ul li#esporte:hover{
    background-color: #42D915;
    transition: background-color .5s;
    border-radius: 2px;
}

nav#menu ul li#entretenimento:hover{
    background-color: #7314D1;
    transition: background-color .5s;
    border-radius: 2px;
}

div.publicidade{
    width: 1024px;
    height: 70px;
    margin: 40px auto 0px auto;
    //background-color: #E9E8E2; 
    //border: 1px solid #aDaDaD;
    //border-radius: 2px;
}

div.publicidade p{
    margin-top: -20px;
    margin-left: 20px;
    margin-right: 950px;
    font-family: 'Varela Round', sans-serif;
    font-size: 10px;
    color: #000;    
}

div.publicidade img{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;    
}

/* Configurações do section */

div#bloco-esquerdo{
    margin: 220px auto 0px auto;
    width: 1024px;
    height: auto;
}

div#bloco-esquerdo section#lado-a{
    float: left;
    margin: 0px;
    padding: 10px;
    width: 314px;
    height: auto;
    border-bottom: 1px dashed #aDaDaD;
}

div#bloco-esquerdo section#lado-a article header h1{    
    margin: 0px 10px 10px 0px;
    padding: 0px;    
}

div#bloco-esquerdo section#lado-a article header h1 a{
    color: red;
    font-family: 'Varela Round', sans-serif;
    font-size: 20pt;
    text-decoration: none;
}

div#bloco-esquerdo section#lado-a article header h2{
    color: firebrick;
    font-family: 'Varela Round', sans-serif;
    font-size: 10pt;
    margin: 0px 10px 5px 0px;
    padding: 0px;    
}

div#bloco-esquerdo section#lado-a article img{
    margin: -20px 10px 0px 0px;
    padding: 0px;    
    width: 100%;
    height: 150px;
}

div#bloco-esquerdo section#lado-a article ul li{
    margin: -10px 10px 0px -25px;
    padding: 0px;
}

div#bloco-esquerdo section#lado-a article ul li a{
    color: firebrick;
    font-family: 'Varela Round', sans-serif;
    font-size: 10pt;
    text-decoration: none;
}

div#bloco-esquerdo section#lado-b{
    float: left;
    margin: 0px;
    padding: 10px;
    width: 314px;
    height: auto;
    border-bottom: 1px dashed #aDaDaD;
}

div#bloco-esquerdo section#lado-b article header h1{    
    margin: 0px 10px 10px 0px;
    padding: 0px;    
}

div#bloco-esquerdo section#lado-b article header h1 a{
    color: red;
    font-family: 'Varela Round', sans-serif;
    font-size: 20pt;
    text-decoration: none;
}

div#bloco-esquerdo section#lado-b article header h2{
    color: firebrick;
    font-family: 'Varela Round', sans-serif;
    font-size: 10pt;
    margin: 0px 10px 5px 0px;
    padding: 0px;    
}

div#bloco-esquerdo section#lado-b article img{
    margin: -20px 10px 0px 0px;
    padding: 0px;    
    width: 100%;
    height: 150px;
}

div#bloco-esquerdo section#lado-b article ul li{
    margin: -10px 10px 0px -25px;
    padding: 0px;
}

div#bloco-esquerdo section#lado-b article ul li a{
    color: firebrick;
    font-family: 'Varela Round', sans-serif;
    font-size: 10pt;
    text-decoration: none;
}

div#bloco-esquerdo aside{
    width: 314px;
    height: auto;
    float: right;
    box-shadow: 1px 1px 3px #aDaDaD;
}

div#bloco-esquerdo aside header{
    background-color: #1577D1;
    width: 314px;
    height: 40px;
    padding: 0px;
}

div#bloco-esquerdo aside header p{
    margin: 10px;
    width: 314px;
    height: auto;
    font-family: 'Varela Round', sans-serif;
    font-size: 15pt;
    color: #fff;
    text-align: right;
}

div#bloco-esquerdo aside ul li#t{
    display: block;
    margin: 10px 10px 0px 10px;
    font-family: 'Varela Round', sans-serif;
    font-size: 10pt;
    color: dimgrey;
    text-align: right;
}

div#bloco-esquerdo aside ul li#n{
    display: block;
    margin: 0px 10px 0px 10px;
    font-family: 'Varela Round', sans-serif;
    font-size: 8pt;
    color: #aDaDaD;
    text-align: right;
}

footer#rodape{
    clear: both;
    width: 1024px;
    height: 200px;
    margin: 10px auto 0px auto;
    padding: 10px;
    background-color: #333333;
}

footer#rodape h1{
    font-family: 'Varela Round', sans-serif;
    text-align: center;
    color: #fff;
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
}

footer#rodape h2{
    text-align: center;
    margin: 0px;
    padding: 0px;
}

footer#rodape h2 span{
    font-family: 'Varela Round', sans-serif;
    color: #fff;
    font-size: 10pt;
}

footer#rodape h2 a{
    font-family: 'Varela Round', sans-serif;
    color: #fff;
    font-size: 10pt;
}

footer#rodape ul{    
    margin: 30px 0px 0px 20px;;
    padding: 0px;
}

footer#rodape ul li a{
    text-decoration: none;
    font-family: 'Varela Round', sans-serif;
    font-size: 9pt;
    color: #FFF11A;
    
}